<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html class="wrap">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>管理员班级管理-添加班级</title>
    <link rel="stylesheet" type="text/css" href="pc/css/cores/style.css" />
    <link rel="stylesheet" type="text/css" href="pc/css/cores/alert.css" />
    <link rel="stylesheet" type="text/css" href="pc/css/cores/public.css" />
    <link rel="stylesheet" href="pc/css/modules/adminClassAdd.css?f=<%=System.currentTimeMillis()%>" />
    <style>
        .addClassBox {
            width: 654px;
            padding: 20px 0;
            margin: 0 auto;
        }
        .addClassBoxes {
             overflow: inherit;
            position: relative;
        }
        ::-webkit-scrollbar
        {
            width: 9px;
            height: 9px;
        }
        ::-webkit-scrollbar-track-piece
        {
            background-color: #ebebeb;
            -webkit-border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:vertical
        {
            height: 32px;
            background-color: #ccc;
            -webkit-border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:horizontal
        {
            width: 32px;
            background-color: #ccc;
            -webkit-border-radius: 4px;
        }
        ul,li{padding: 0;margin: 0}
        .mySelect{
            position: relative;
        }
        .mySelect .inputWrap{
            width:100%;
            min-height: 40px;
            border: 1px solid #ccc;
            border-radius: 3px;
            position: relative;
            cursor: pointer;
        }
        .mySelect ul{
            padding:0 5px ;
            margin: 0;
            padding-right: 35px;
        }
        .mySelect ul,li{
            list-style: none;
        }
        .mySelect li{
            display: inline-block;
            background: #eaeaea;
            padding: 5px;
            margin: 5px 5px 5px 0;
            border-radius: 5px;

        }
        .mySelect .fa-close{
            cursor: pointer;
        }
        .mySelect .fa-close:hover{
            color: #237eff;
        }
        .mySelect .mySelect-option{
            width: 100%;
            border: 1px solid #ccc;
            max-height: 200px;
            overflow-y: scroll;
            position: absolute;
            height: 0;
            opacity: 0;
            background: #fff;
        }
        .mySelect .mySelect-option div{
            padding: 10px;
        }
        .mySelect .inputWrap>i{
            position: absolute;
            padding: 13px;
            right: 0;
            top: 0;
        }
        .mySelect-option div{
            cursor: pointer;
            border-bottom: 1px solid #e7e7e7;
            margin: 5px;
        }
        .mySelect-option div i{
            float: right;
            color: #ffffff;
        }
        .mySelect-option div.selected{
            background: #237eff;
            color: #ffffff;
            border-radius: 5px;
        }
        .mySelect-option div:hover{
            /*background: #9ec6ff;*/
            color: #9ec6ff;
            border-bottom: 1px solid #9ec6ff;
        }

    </style>
</head>

<body>
<div class="crumbs">
    <div class="fl returnBox">&ensp;<img src="pc/images/ico_return.png" alt="返回按钮" />&ensp;
        <a class="looktg" data-url="adminClassMana" href="javascript:;">返回上一页</a>
    </div>
    <div class="fl noticeBox"><img src="pc/images/ico_trumpet.png" />
        <div class="noticeBar">
            <ul>
                <li>当前暂无消息</li>
            </ul>
        </div>
    </div>
</div>
<div class="clear"></div>
<div class="mainContent">
    <div class="titleHead">
        <div>添加班级</div>
    </div>
    <div class="addClassBox">
        <div class="fl rightMargin"><label>班级名称:</label>
            <input autocomplete="off" type="text" maxlength="20" class="publicText className" /></div>
        <div class="fl rightMargin"><label for="departNames">院系名称:</label>
            <select id="departNames" class="publicSelect" />
            <option value="0">请选择</option>
            </select>
        </div>
        <div class="fl rightMargin"><label for="profession">专业名称:</label>
            <select id="profession" class="publicSelect" />
            <option value="0">请选择</option>
            </select>
        </div>
        <div class="clear"></div>
        <div class="classBox">
            <div style="display: none" class="classTec">
                <img class="classAddBtn fl" src="pc/images/ico_classadd.png" />
                <img class="classDelBtn fl" src="pc/images/ico_classdel.png" />
            </div>
            <div class="addClassBoxes" value="0">
                <div class="fl">添加课程:</div>
                <div style="width: 250px;" class="rightMargin fl mySelect"id="mySelect" ></div>
                    <%--<label class="fl labelRight">添加课程:</label>--%>
                    <%--<select class="publicSelect course">--%>
                        <%--<option selected="" value="0">请选择</option>--%>
                    <%--</select>--%>
                <%--</div>--%>
                <div class="rightMargin fl">
                    <label class="fl labelRight">选择教师:</label>
                    <select class="publicSelect tea">
                        <option selected="" value="0">请选择</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="btnBox">
            <div class="fr publicCancleBtn">取消</div>
            <div class="fl publicBtn saveClass">保存</div>
        </div>
    </div>
    <div class="clear"></div>
</div>

</div>
<script>
    var result = '${result}';
    result = JSON.parse(result);
</script>
<script src="pc/js/extends/jquery-1.11.2.min.js"></script>
<script src="pc/js/extends/select.js"></script>
<script src="pc/js/cores/Alert.js"></script>
<script src="pc/js/cores/public.js"></script>
<script src="pc/js/modules/overdueClassEdit.js?f=<%=System.currentTimeMillis()%>"></script>
</body>

</html>